<ion-modal-view view-title="搜索">
  <ion-header-bar class="bar-stable item-input-inset no-bottom-line" style="padding-left: 1px;">
    <button ui-sref="index" class="button button-clear"><i class="we-font we-icon-back"></i>&nbsp;&nbsp;&nbsp;&nbsp;</button>
    <div class="item-input-wrapper">
    	<i class="we-font we-icon-search" style="color:#cbcbcb"></i>
    	<input type="text" id="searchInput" type="search" ng-model="searchContext.searchText" ng-change="searchLine();" />
      {{ searchContext.autoFocus }}
      <i class="we-font we-icon-roundclose search-close" ng-click="clearSearchText();" ng-show="searchContext.keyUpToSearch"></i>
    </div>
    <a class="button button-clear" ng-click="clickSearch()">搜索</a>
  </ion-header-bar>
  <ion-content id="search-history" ng-hide="searchContext.keyUpToSearch">
    <div class="search-title item item-divider" ng-if="searchHistory.length">搜索历史<i class="we-font we-icon-delete" ng-click="delSearchConfirm();"></i></div>
    <!-- 搜索历史，这里使用flex box 进行平铺式布局 最多列10个-->
    <!-- 暂存至sessionStorage中 -->
    <!-- TODO:目前是静态 -->
    <div class="search-histroy-list" ng-if="searchHistory.length">
        <div ng-repeat="s in searchHistory" ng-click="searchHistoryLine('{{s}}')">{{ s }}</div>
    </div>
    <!-- 没有历史纪录提示背景 -->
    <div class="search-no-data" ng-if="!searchHistory.length">
      <div class="search-no-data-title">您可以搜索</div>
      <div class=search-no-data-line></div>
      <div class="search-no-data-icon">
          <div class="search-no-data-icon-block">
              <i class="we-font we-icon-station"></i>
              站点
          </div>
          <div class="search-no-data-icon-block">
              <i class="we-font we-icon-bus"></i>
              线路
          </div>
      </div>
    </div>
  </ion-content>
  <ion-content id="search-now" ng-show="searchContext.keyUpToSearch">
      <ul id="keyup-search-list">
      </ul>
  </ion-content>
</ion-modal-view>
